<template>
  <layout :showBg="false">
    <template #header>
      <pageHead title="详情" />
    </template>
    <view class="content"> 详情{{ id }}
        <video class="video" src='https://lf3-static.bytednsdoc.com/obj/eden-cn/ulwv-upfbvk-zlp/ljhwZthlaukjlkulzlp/open-sdk-demo-media/test-video.mp4'></video>
    </view>
  </layout>
</template>
<script>
import layout from "../../../compennts/layout/index.vue";
import pageHead from "../../../compennts/pageHead/index.vue";
export default {
  components: {
    layout,
    pageHead,
  },

  data() {
    return {
      id: -1,
    };
  },
  onLoad(options) {
    console.log(options);
    this.id = options.id;
  },
};
</script>
<style lang="less" scoped>
@import url("../../../assets/styles/common.less");
.content {
  padding: 32rpx;
  min-height: 100%;
  background: #f7f8ff;
  video{
    width: 100%;
    margin: 16rpx 0;
  }
}
</style>
